<template>
  <div>
    <div class="bj1"></div>

    <p>
      稻香村集团的前身为苏州稻香村，始创于公元1773年（清乾隆三十八年）的苏州，
      是中国糕点行业现存历史悠久的企业之一，作为国家首批认定的“中华老字号”及驰名中外的“稻香村”品牌创立者，
      历经两个多世纪的发展，一代代稻香村人的传承与创新，已成为闻名中外的大型现代化食品企业集团。
    </p>

    <img src="../../assets/me/qyjs01.jpg" class="qyjs" />

    <!-- f1  企业发展 -->
    <div class="two">
      <img src="../../assets/me/qyjtfz.png" class="font6" />
    </div>

    <div class="qyjtfz">
      <div class="left">
        <img src="../../assets/me/qyjs02.jpg" alt="" />
        <div class="wz">
          <p class="title">182.77亿</p>
          <p class="desc">2022中国品牌价值评估,稻香村品牌价值182.77亿元。</p>
        </div>
      </div>
      <div class="right">
        <ul>
          <li>
            <img src="../../assets/me/qyjs03.jpg" alt="" />
            <div class="wz">
              <p class="title">7</p>
              <p class="desc">七大原料供应基地</p>
            </div>
          </li>
          <li>
            <img src="../../assets/me/qyjs03.jpg" alt="" />
            <div class="wz">
              <p class="title">7</p>
              <p class="desc">七大原料供应基地</p>
            </div>
          </li>
          <li>
            <img src="../../assets/me/qyjs04.jpg" alt="" />
            <div class="wz">
              <p class="title">10</p>
              <p class="desc">十大现代化食品生产加工中心</p>
            </div>
          </li>
          <li>
            <img src="../../assets/me/qyjs04.jpg" alt="" />
            <div class="wz">
              <p class="title">1500亩</p>
              <p class="desc">总占地面积1500亩</p>
            </div>
          </li>
          <li>
            <img src="../../assets/me/qyjs05.jpg" alt="" />
            <div class="wz">
              <p class="title">3000</p>
              <p class="desc">拥有员工3000多人</p>
            </div>
          </li>
          <li>
            <img src="../../assets/me/qyjs06.jpg" alt="" />
            <div class="wz">
              <p class="title">800家</p>
              <p class="desc">在全国有800多家专卖专营店</p>
            </div>
          </li>
        </ul>
      </div>
    </div>

    <!-- f2  互联网 -->
    <div class="two">
      <img src="../../assets/me/hlw-wz.jpg" class="font10" />
    </div>

    <p>
      目前稻香村集团在全国有800多家专卖专营店，覆盖全国大部分区域。并以每年近百家的速度增长。
      传统制造企业“互联网+”已成为必需，稻香村集团是老字号较早一批“触网”的企业，
      2009年就确立并开始实施了“互联网+稻香村”战略，成立了电子商务部，
      到目前已经连续多年在天猫、京东等主流电商平台糕点类目、月饼类目取得骄人的成绩。
      电商渠道的销售占比逐年提高，目前已近30%。
    </p>

    <ul class="hlw">
      <li>
        <img src="../../assets/me/qyjs07.jpg" alt="" />
        <div class="wz">
          <p class="title">800多家专卖专营店</p>
          <p class="desc">
            目前稻香村集团在全国有800多家专卖专营店，覆盖全国大部分区域。
          </p>
        </div>
      </li>
      <li>
        <img
          src="http://www.daoxiangcun.cn/UpLoadFile/Images/2016/12/20/93737674a67f71f4-5_cut400554.jpg"
          alt=""
        />
        <div class="wz">
          <p class="title">互联网+</p>
          <p class="desc">
            传统制造企业“互联网+”已成为必需，2009年确立并开始实施了“互联网+稻香村”战略，
            成立了电子商务部，到目前已经连续多年在天猫、京东等主流电商平台糕点类目、月饼类目取得骄人的成绩。
          </p>
        </div>
      </li>
      <li>
        <img
          src="http://www.daoxiangcun.cn/UpLoadFile/Images/2016/12/20/938134920da67ec4-6_cut400554.jpg"
          alt=""
        />
        <div class="wz">
          <p class="title">30%</p>
          <p class="desc">电商渠道的市场销售占比逐年提高，目前已近30%。</p>
        </div>
      </li>
    </ul>

    <!-- f3  现代科技 -->
    <div class="two2">
      <img src="../../assets/me/xdkj-wz.png" class="font4" />
    </div>

    <p>
      稻香村集团拥有120余条国内外现代化生产线，并先后通过QS、GMP、HACCP、ISO9001等多项认证，十万级空气净化生产车间，
      生产过程全程监控，全方位透明化无菌生产，现代化的生产设备及工艺与科学管理体系，使得稻香村悠久文化与现代加工技术融为一体。
    </p>

    <el-row :gutter="20">
      <el-col :span="8">
        <div class="grid-content bg-purple">
          <img src="../../assets/me/qyjs08.jpg" class="img">
        </div>
      </el-col>
      <el-col :span="16">
        <div class="grid-content bg-purple">
          <img src="../../assets/me/qyjs09.jpg" class="img">
        </div>
      </el-col>
    </el-row>

    <el-row :gutter="20">
      <el-col :span="16">
        <div class="grid-content bg-purple">
          <img src="../../assets/me/qyjs10.jpg" class="img">
        </div>
      </el-col>
      <el-col :span="8">
        <div class="grid-content bg-purple">
          <img src="../../assets/me/qyjs11.jpg" class="img">
        </div>
      </el-col>
    </el-row>

    <!-- f4  科技创新 -->
    <div class="two2">
      <img src="../../assets/me/kjcx-wz.jpg" class="font4" />
    </div>

    <p>
      食品企业新技术、新产品的研发能力是打造核心竞争力的基础，2015年稻香村集团在研发上投入2000多万元，
      并保持每年近20%的速度增长，稻香村集团依托江南大学、国家食品科研和质量监督检验部门的强大技术能力，
      联合成立"中国糕点食品技术研发中心"、"福临门联合烘焙研究所"，“苏州工业园区稻香村博士后孵化站” 等产学研合作平台，
      紧跟国际最新食品科技进行自主创新，重点致力于焙烤冷冻面团发酵过程优化关键技术,与系列新产品、新技术研究与开发，
      并以"中国传统食品工业化加工关键技术"为主题突破口进行集成创新，引进欧美先进技术和装备，
      打造并提升“稻香村”精品品牌形象，引领行业技术跨越式发展。
    </p>

    <!-- f5  食品安全 -->
    <div class="two2">
      <img src="../../assets/me/spaq-wz.jpg" class="font4" />
    </div>

    <el-row>
      <el-col :span="6">
        <div class="grid-content">
          <img src="../../assets/me/qyjs12.jpg" alt="">
        </div>
      </el-col>
      <el-col :span="6">
        <div class="grid-content">
          <div class="wz spaq">
            <p class="title">
              2
            </p>
            <p class="desc">
              车间设有108个摄像监控，16处IC自动门禁，8道隔离门
            </p>
          </div>
        </div>
      </el-col>
      <el-col :span="6">
        <div class="grid-content">
          <img src="../../assets/me/qyjs14.jpg" alt="">
        </div>
      </el-col>
      <el-col :span="6">
        <div class="grid-content">
          <div class="wz spaq">
            <p class="title">
              4
            </p>
            <p class="desc">
              生产员工到岗需经过7次检查、除尘消毒、通过8道隔离门
            </p>
          </div>
        </div>
      </el-col>
    </el-row>

    <el-row>
      <el-col :span="6">
        <div class="grid-content">
          <div class="wz spaq">
            <p class="title">
              1
            </p>
            <p class="desc">
              10万级净化车间、全空调GMP模范车间
            </p>
          </div>
        </div>
      </el-col>
      <el-col :span="6">
        <div class="grid-content">
          <img src="../../assets/me/qyjs13.jpg" alt="">
        </div>
      </el-col>
      <el-col :span="6">
        <div class="grid-content">
          <div class="wz spaq">
            <p class="title">
              3
            </p>
            <p class="desc">
              生产工序自检互检、品控产品专检、生产卫生检查组巡检
            </p>
          </div>
        </div>
      </el-col>
      <el-col :span="6">
        <div class="grid-content">
          <img src="../../assets/me/qyjs15.jpg" alt="">  
        </div>
      </el-col>
    </el-row>

    <!-- f6  工匠精神 -->
    <div class="two">
      <img src="../../assets/me/gjjs-wz.jpg" class="font8" />
    </div>

    <div class="gjjs">
      <div class="left">
        <div class="top">
          <img src="../../assets/me/qyjs16.jpg" alt="">
        </div>
        <div class="bottom">
          <p>稻香村集团在产品上坚持“工匠精神”，“稻香村”传统手工技艺都是通过“师傅带徒弟”的方式代代相传。
            从创始至今，稻香村集团有着清晰的技艺传承谱系，至今已传承六代。
          </p>
          <p>
            技艺传承全凭口传心授，工艺复杂，手工技艺性强，质量要求严格，形状要求美观，却不使用模具，
            如稻香村苏式月饼酥皮层薄如纸，可多达16层，特别关键工艺需要长期实践积累丰富经验。
            因此学艺时间长，一般需要近二十年才能完整地掌握全部工艺过程。
            2009年稻香村苏式月饼制作技艺被收录至省级非物质文化遗产名录。
          </p>
        </div>
      </div>
      <div class="right">
        <img src="../../assets/me/qyjs18.jpg" alt="">
      </div>
    </div>

    <!-- f7  走向世界 -->
    <div class="two">
      <img src="../../assets/me/zxsj-wz.jpg" class="font8" />
    </div>

    <div class="zxsj">
      <div class="top">
        <img src="../../assets/me/qyjs02.jpg" alt="">
        <p>稻香村集团为了响应国家“一带一路”和“中国企业走出去”的倡议，实施“稻香村出海”战略，
          在海外60多个国家和地区注册“稻香村”的商标。截止目前，通过跨境门店等渠道将产品出口到海外40多个国家和地区，
          让海外的游子品尝到家乡的味道，让国际友人领略到稻香村美食背后的中国文化。
        </p>
      </div>
      <div class="bottom">
        <img src="../../assets/me/qyjs19.jpg" alt="">
        <img src="../../assets/me/qyjs20.jpg" alt="">
        <img src="../../assets/me/qyjs21.jpg" alt="">
      </div>
    </div>

    <!-- f8  中国梦 -->
    <div class="two">
      <img src="../../assets/me/zgm-wz.jpg" class="font6" />
    </div>

    <ul class="zgm">
      <li>
        <img src="../../assets/me/qyjs22.png" alt="">
        <p>始于1773年【乾隆三十八年】</p>
      </li>
      <li>
        <img src="../../assets/me/qyjs23.png" alt="">
        <p>国家首批认定的【中华老字号】</p>
      </li>
      <li>
        <img src="../../assets/me/qyjs24.png" alt="">
        <p>稻香村苏式月饼制作技艺【江苏省级非物质文化遗产】</p>
      </li>
      <li>
        <img src="../../assets/me/qyjs25.png" alt="">
        <p>全国拥有专营专卖店【800多家】</p>
      </li>
    </ul>

    <p class="zgmwz">稻香村集团，不只是继承与创新，更有不断的自我蜕变。
      正因为我们勇于舍弃旧的不合时宜，才能够维持两百年不坠的品牌价值。
      稻香村集团作为底蕴深厚的“中国文化符号“，不仅追求生产技艺上的登峰造极，
      更热衷于对客户始终不变的深厚情感，秉承“厚道做人、地道做事、成人达己、追求卓越”的经营理念，
      坚守社会责任，立足国内继续夯实连锁经营、持续发力互联网电子商务并积极拓展海外市场，
      未来，将把更多中式糕点带到世界各地，让源自苏州的稻香村香飘世界，让中国糕点享誉世界，
      让中华美食在世界的舞台起舞、光荣绽放、回味无穷！
    </p>





  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.qyjs {
  margin: 20px 0px;
}
.bj1 {
  width: 100%;
  height: 173px;
  background-image: url("../../assets/me/bj1.jpg");
  background-size: contain;
}
.two {
  width: 100%;
  height: 173px;
  background-image: url("../../assets/me/jgc-bj.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  margin: 10px 0;
  .font6 {
    width: 300px;
    margin: auto;
  }
  .font8 {
    width: 400px;
    margin: auto;
  }
  .font10 {
    width: 400px;
    margin: auto;
  }
}

.two2 {
  width: 100%;
  height: 173px;
  background-image: url("../../assets/me/bj1.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  margin: 20px 0;
  .font4 {
    width: 200px;
    margin: auto;
  }

}


//企业集团发展
.qyjtfz {
  display: flex;
  margin-bottom: 40px;
  .left {
    width: 720px;
    height: 600px;
    position: relative;
    img {
      width: 100%;
      height: 100%;
      // object-fit: cover;
    }
    .wz {
      display: flex;
      flex-direction: column;
      position: absolute;
      left: 0;
      bottom: 0;
      padding: 30px;
      .title {
        font-size: 72px;
        color: #fff;
      }
      .desc {
        font-size: 16px;
        color: #fff;
      }
    }
  }
  .right {
    width: 480px;
    ul {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      li {
        width: 240px;
        height: 200px;
        position: relative;
        img {
          width: 100%;
          height: 200px;
        }
        .wz {
          display: flex;
          flex-direction: column;
          position: absolute;
          left: 0;
          bottom: 0;
          padding: 20px;
          .title {
            font-size: 48px;
            color: #fff;
          }
          .desc {
            font-size: 14px;
            color: #fff;
          }
        }
      }
    }
  }
}

//互联网
.hlw {
  display: flex;
  margin: 40px 0;
  li {
    width: calc(100% / 3);
    height: 554px;
    position: relative;
    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .wz {
      width: 300px;
      position: absolute;
      top: 350px;
      left: 50px;
      display: flex;
      flex-direction: column;
      align-items: center;
      .title {
        font-size: 24px;
        color: #fff;
      }
      .desc {
        font-size: 16px;
        color: #fff;
      }
    }
  }
}

//现代科技
.el-row {
  margin-top: 20px;
  &:last-child {
    margin-bottom: 20px;
  }
}
.grid-content {
  border-radius: 4px;
  overflow: hidden;
  .img{
    width: 100%;
    height: 336px;
    object-fit: cover;
  }
}

//食品安全
.spaq{
  background-color: #f8f4e3;
  height: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  .title{
    font-size: 90px;
    color: #ceaf59;
    margin-top: 40px;
  }
  .desc{
    width: 270px;
    font-size: 18px;
    color: #ceaf59;
    text-align: center;
  }
}

//工匠精神
.gjjs{
  display: flex;
  height: 620px;
  background-color: #c9b053;
  .left{
    width: 600px;
    .top{
      img{
        width: 600px;
      }
    }
    .bottom{
      padding: 40px;
      p{
        font-size: 16px;
        color: #fff;
      }
    }
  }
  .right{
    width: 600px;
    img{
      width: 600px;
      height: 600px;

    }
  }
}

//走向世界
.zxsj{
  .top{
    width: 1200px;
    height: 400px;
    display: flex;
    img{
      width: 600px;
      object-fit: cover;
    }
    p{
      width: 600px;
      background-color: #b6a991;
      font-size: 20px;
      color: #fff;
      padding: 100px;
    }
  }
  .bottom{
    width: 100%;
    height: 300px;
  }
}

//中国梦
.zgm{
  display: flex;
  justify-content: space-between;
  padding-bottom: 50px;
  li{
    width: 210px;
    display: flex;
    flex-direction: column;
    align-items: center;
    img{
      width: 155px;
      height: 155px;
      margin-bottom: 30px;
    }
    p{
      font-size: 14px;
      color: #664f10;
    }
  }
}

.zgmwz{
  padding-bottom: 80px;
}


</style>